import React, { Component } from 'react';
import '../styles/Feedback.scss'
import * as service from '../api/index'
import { NavBar, Button, Form, Input,ImageUploader } from 'antd-mobile'
import { EditSOutline } from 'antd-mobile-icons'

class Feedback extends Component {
    back = () => {
        this.props.history.goBack()
    }
    render() {
        return (
            <div className='feedback'>
                <NavBar onBack={() => { this.back() }}>意见反馈</NavBar>
                <div className="feedbacklist">
                    <Form layout='horizontal' mode='card'>

                        <Form.Item label='反馈类型'>
                            <Input placeholder='请选择' />
                        </Form.Item>
                        <Form.Item label='手机号码'>
                            <Input placeholder='请填写手机号码，方便我们与你联系' />
                        </Form.Item>
                        <Form.Header />
                        <Form.Item >
                            <Input placeholder='请填写你的意见' />
                        </Form.Item>
                        <Form.Item label='上传图片(最多3张)'>
                        {/* <ImageUploader
      value={fileList}
      onChange={setFileList}
      upload={mockUpload}
    /> */}
                        </Form.Item>

                    </Form>
                </div>
                <div className="submit">
                    <Button block color='danger' size='large'>
                        提交
                    </Button>
                </div>
            </div>
        );
    }
}

export default Feedback;